<template>
	<view class="empty">
		<u-empty textColor="#A1A8C4" iconColor="#A1A8C4" :mode="mode" :text="text" :marginTop="marginTop">
		</u-empty>
		<slot name="action"></slot>
	</view>
</template>

<script>
	export default {
		props: {
			mode: {
				type: String,
				default: 'data'
			},
			text: {
				type: String,
				default: ''
			},
			marginTop: {
				type: [String, Number],
				default: ''
			}
		}
	};
</script>

<style scoped lang="scss">
	.empty {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 60rpx 0;
	}
</style>